﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProductFamilyImages.ascx.cs" Inherits="ArtsShop.Controls.ProductFamilyImages" %>
<asp:Panel ID="_panel" runat="server">
    <div class="productdetailimage">
        <div class="mainProductImage">
            <div class="zoomwrapper">
                <asp:HyperLink ID="_zoomImageLink" runat="server" CssClass="MagicZoom"  rel="click-to-activate:true;zoom-position:inner">
                         <asp:Image ID="_mainImageWithZoom" runat="server" AlternateText="Product" ImageUrl="../Styles/Images/spacer.gif" />
                </asp:HyperLink>
                <asp:Image ID="_mainImage" runat="server" AlternateText="Product" ImageUrl="../Styles/Images/spacer.gif" Visible="true" CssClass="mainImageNoZoom" />
            </div>
        </div>
    </div>
    <div>
        <div class="GrayBarMainImage">
            <asp:Label ID="_zoomText" CssClass="zoomText" Visible="false" runat="server" Text="CLICK IMAGE TO ZOOM"></asp:Label>
            <asp:LinkButton ID="_resetDefaultText" runat="server" Text="VIEW MAIN IMAGE" OnClick="ResetMainImage_Click" CssClass="mainImageNoZoom"></asp:LinkButton>
        </div>
    </div>
    <div style="clear: both;">
    </div>
    <asp:Panel ID="_thumbnailImagesPanel" runat="server" Visible="true" CssClass="thumbnailImagesContainer">
        <asp:Repeater ID="ThumbnailImageRepeater" runat="server" OnItemCommand="ThumbnailImageRepeater_ItemCommand" EnableViewState="true" OnItemDataBound="ThumbnailImageRepeater_ItemDataBound">
            <HeaderTemplate>
            </HeaderTemplate>
            <ItemTemplate>
                <div class="thumbnailPImages">
                    <div class="thumbnailHeight">
                        <asp:ImageButton ID="_thumbnailImage" runat="server" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"ImageUrl") %>' onerror="ImageNotAvailable(this);return false;" ImageUrl="../Styles/Images/spacer.gif" />
                    </div>
                    
                </div>
            </ItemTemplate>
            <FooterTemplate>
            </FooterTemplate>
        </asp:Repeater>
    </asp:Panel>
</asp:Panel>